<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset = "utf-8" />
    <title>Explaining the Document</title>
    <link rel="stylesheet" type="text/css" href="css/typography.css">
  </head>
  <body>
    <ul id="navigation">
      <li><a href="index.html" accesskey="1">Home</a></li>
      <li><a href="search.html" accesskey="4">Search</a></li>
      <li><a href="contact.html" accesskey="9">Contact</a></li>
    </ul>
    <h1>What is the Document Object Model?</h1>
    <p>
The <abbr title="World Wide Web Consortium">W3C</abbr> definesthe 
    <abbr title="Document Object Model">DOM</abbr> as:
    </p>
    <blockquote cite="http://www.w3.org/DOM/">
    <p>
      A platform- and language-neutral interface that will allow 
      programs and scripts to dynamically access and update 
      the content, structure and style of documents.
     </p>
    </blockquote>
    <p>
    It is an <abbr title="Application Programming Interface">API</abbr>that can be used to navigate 
    <abbr title="HyperText Markup Language">HTML</abbr> and 
    <abbr title="eXtensible Markup Language">XML</abbr> documents.
    </p>
    <script type="text/javascript" src="js/addLoadEvent.js"></script>
    <script type="text/javascript" src="js/displayAbbreviations.js"></script>
    <script type="text/javascript" src="js/displayCitations.js"></script>
    <script type="text/javascript" src="js/displayAccessKey.js"></script>
  </body>
</html>